<template>
    <div class="box1">
        <h1>我是about组件</h1>
        
    </div>
</template>

<script>
export default {
    name:'About',
    // beforeDestroy() {
    //     console.log("about组件即将被销毁");
    // },
    mounted(){
        console.log("about组件即将被挂载",this);
    }

}
</script>

<style scoped>
    .box1{
        width: 200px;
        height: 200px;
    }
</style>